<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>新增页面</title>
		<link rel="stylesheet" href="../../../component/pear/css/pear.css" />
	</head>
	<body>
		<form class="layui-form" action="">
			<div class="mainBox">
				<div class="main-container">
					<div class="layui-form-item layui-inline">
						<label class="layui-form-label">分类</label>
						<div class="layui-input-inline">
							<select name="type" lay-verify="required" lay-search readonly>
								<option value="视频中心">视频中心</option>
							</select>
						</div>

					</div>
					<div class="layui-form-item layui-inline">
						<label class="layui-form-label">分类编码</label>
						<div class="layui-input-inline">
							<select name="typecode" lay-verify="required" lay-search readonly="">
								<option value="Brand">品牌宣传</option>
							</select>
						</div>
					</div>
					<div class="layui-form-item layui-inline">
						<label class="layui-form-label">文章摘要</label>
						<div class="layui-input-block">
							<textarea name="abstr" placeholder="请输入内容" class="layui-textarea"></textarea>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">封面照片</label>
						<div class="layui-input-block">
							<input type="text"   name="coverimg" lay-verify="idcardpic" autocomplete="off" placeholder="照片" id="idcardpic"
								   class="layui-input">
							<input class="btn-upload file-up" style="display: inline-block;" type="file" accept="image/*"  name="edit" id="edit" value="上传">
						</div>
						<div class="layui-input-block">
							<img id="preview" height="200px" width="300px" src="#" alt="没有选择"/>
							<span id="demoText"></span>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">内容</label>
						<div class="layui-card-body">
							<textarea name="content" id="file" cols="30" rows="10"></textarea>
						</div>
					</div>
					<div class="layui-form-item layui-inline">
						<label class="layui-form-label">是否显示</label>
						<div class="layui-input-inline">
							<input type="radio" name="isvalid" value="true" title="是" checked>
							<input type="radio" name="isvalid" value="false" title="否" >
						</div>
					</div>
					<div class="layui-form-item layui-inline">
						<label class="layui-form-label">是否置顶</label>
						<div class="layui-input-inline">
							<input type="radio" name="showorder" value="1" title="是" checked>
							<input type="radio" name="showorder" value="0" title="否" >
						</div>
					</div>

					<div class="layui-form-item layui-inline">
						<label class="layui-form-label">浏览次数</label>
						<div class="layui-input-inline">
							<input type="text" name="visittimes" placeholder="" class="layui-input">
						</div>
					</div>

				</div>
			</div>
			<div class="bottom">
				<div class="button-container">
					<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit=""
						lay-filter="user-save">
						<i class="layui-icon layui-icon-ok"></i>
						提交
					</button>
					<button type="reset" class="pear-btn pear-btn-sm">
						<i class="layui-icon layui-icon-refresh"></i>
						重置
					</button>
				</div>
			</div>
		</form>
		<script src="../../../component/layui/layui.js"></script>
		<script src="../../../component/pear/pear.js"></script>
		<script>
			layui.use(['form', 'jquery','upload','tinymce'], function() {
				var BASE_URL="/";
				let form = layui.form;
				let $ = layui.jquery;
				var upload = layui.upload;
				var tinymce = layui.tinymce;
				var file = tinymce.render({
					elem: "#file",
					height: 400,
					automatic_uploads: true,
					images_upload_url: window.BASEPATH+"upload.do",
					images_upload_base_path: window.BASEPATH,
				});
				$.ajaxSetup({
					headers:{
						'Authorization':window.sessionStorage.getItem("token")
					}
				})
				form.on('submit(user-save)', function(data) {

					data.field.content=file.getContent();
					$.ajax({
						url: window.BASEPATH+'article/add',
						data: data.field,
						type: 'post',
						success: function(result) {
							if (result.code==0) {
								layer.msg(result.msg, {
									icon: 1,
									time: 1000
								}, function() {
									parent.layer.close(parent.layer.getFrameIndex(window
										.name)); //关闭当前页
									parent.layui.table.reload("user-table");
								});
							} else {
								layer.msg(result.msg, {
									icon: 2,
									time: 1000
								});
							}
						}
					})
					return false;
				});
				upload.render({
					elem: '#edit'
					,url: window.BASEPATH+'upload2' //改成您自己的上传接口
					,auto: true  //选择文件后不自动上传
					,choose: function(obj){
						//预读本地文件示例，不支持ie8
						obj.preview(function(index, file, result){
							$('#preview').attr('src', result); //图片链接（base64）
						});
					}
					,before: function(obj){
						layer.msg('上传中', {icon: 16, time: 0});
					}
					,done: function(res){
						//如果上传失败
						if(res.code > 0){
							return layer.msg('上传失败');
						}
						$("#idcardpic").val(res.data);
						//上传成功的一些操作
						layer.msg("信息上传成功！",{time: 3000});
					}
					,error: function(){
						//演示失败状态，并实现重传
						var demoText = $('#demoText');
						demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
						demoText.find('.demo-reload').on('click', function(){
							uploadInst.upload();
						});
					}

				});
			})
		</script>
		<script>
		</script>
	</body>
</html>
